<template>
  <div id="app">
    <!-- 目前在加载子应用后刷新会出现问题 -->
      <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App",
  props: {
    childArr: Array
  },
  data() {
    return {};
  },
  watch: {
    childArr(nv) {
      console.log("%c[数据改变了]", "color:red;");
      this.$store.dispatch("childArr", nv);
    }
  }
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</style>
